<ion-content class="activity">
  <ion-card no-margin padding full-width class="top"
            *ngFor="let msg of titles"
  >
    <img src="{{msg.img}}"/>
    <p no-margin>
      {{msg.title}}
    </p>
  </ion-card>
  <ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content></ion-refresher-content>
  </ion-refresher>
  <ion-list>
    <ion-item class="activity-item" *ngFor="let act of activities" (click)="gotoActivityDetailPage(act)">

      <ion-thumbnail item-left>
        <img src="{{act.thumb}}">
      </ion-thumbnail>
      <h2 class="title">{{act.name}}</h2>
      <p ion-text color="txt-secondary" text-wrap class="desc">{{act.brief}}</p>
      <p ion-text color="txt-tertiary" class="date">{{formatDate(act.endTime)}}</p>
      <p ion-text color="txt-tertiary" class="shop">{{act.organizer}}</p>
    </ion-item>
  </ion-list>
  <ion-infinite-scroll (ionInfinite)="doInfinite($event)" *ngIf="canLoadMore">
    <ion-infinite-scroll-content></ion-infinite-scroll-content>
  </ion-infinite-scroll>
  <div *ngIf="!canLoadMore&&activities.length>10"
       style="text-align: center;width: 100%;height: 60px;padding: 20px 0;color: #848484;">
    ————————别扯啦!————————
  </div>
  <ion-grid no-padding class="bottom-tab">
    <ion-row>
      <ion-col col-4 ino-text text-center (click)='goHome()' >
        <ion-icon name="qgy-home" no-margin></ion-icon>
        <br>
        首页
      </ion-col>
      <ion-col col-4  ino-text text-center
      >
        <ion-icon name="qgy-activity" no-margin></ion-icon>
        <br>
        活动
      </ion-col>
      <ion-col col-4  ino-text text-center (click)="goUser()">
        <ion-icon name="qgy-mine" no-margin></ion-icon>
        <br>
        我的
      </ion-col>
    </ion-row>
  </ion-grid>

</ion-content>
